<template>
    <div class="choujiangalert">
        <div class="zgalert">
            <div class="headimg"><img src="http://hlj.offcn.com/zg/zgvipimg/hdimg2.png" mode="widthFix" alt=""></div>
            <div class="zgalertbody">
                <h1>恭喜您</h1>
                <h2>获得{{zjinfo.prizename}}</h2>
                <p v-if="zjinfo.prizeimg"><img :src="zjinfo.prizeimg" alt=""></p>
            </div>
            <div class="zgalertfoot">
                <span class="zgbtn red" @click="handleCancel">确定</span>
            </div>
        </div>
        <div class="mask"></div>
    </div>
</template>

<script>
    export default {
        props:{
            visible:{ type: Boolean, default: false },
            zjinfo:{ type: Object, default: () => {} },
        },
        name: "lotterymodal",
        data() {
            return {
            };
        },
        created(){
        },
        methods: {
            //modal 取消返回
            handleCancel(){
                this.mdvisible(false)
            },
            //modal 关闭
            mdvisible(visible){
                this.$emit('update:visible', visible)
            }
        }
    };
</script>

<style scoped>
</style>